import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { Tabs } from 'antd'
import emitter from '@/Evt.js'
import  './footer.less'

const { TabPane } = Tabs

class footer extends Component {
	state = {
		tabList: [
			//头部标签
			{
				value: 'html',
				in: 0,
			},
			{
				value: 'css',
				in: 1,
			},
			{
				value: 'js',
				in: 2,
			},
		],
	}

	callback = (key) => {
		//emit事件触发方法,过事件名称找对应的事件处理函数getActivedTab，将事件处理函数作为参数传入
		emitter.emit('getActivedTab', this.state.tabList[key])
	}

	render() {
		return (
			<div className="layout-footer-center">
				<div className="container">
					<div className="row">
						<div className="col">
							<a
								rel="nofollow"
								href="http://www.shukoe.com"
								target="_blank"
							>
								思维笔记
							</a>
							<a
								rel="nofollow"
								href="http://www.shukoe.com"
								target="_blank"
							>
								点击思维笔记
							</a>
							<a
								rel="nofollow"
								href="http://www.shukoe.com/about"
								target="_blank"
							>
								关于我们
							</a>
							<a
								rel="nofollow"
								href="http://beian.miit.gov.cn/"
								target="_blank"
							>
								粤ICP备16015507号
							</a>
							<span>©&nbsp;一记思维笔记&nbsp;</span>
						</div>
					</div>
				</div>
			</div>
		)
	}
}

export default footer
